import Guide from '@/components/Guide';
import { PageContainer } from '@ant-design/pro-components';
import styles from './index.less';

const HomePage: React.FC = () => {
  return (
    <PageContainer ghost>
      <div className={styles.container}>
        <Guide name={
          <>
            <h1>充值需知</h1>
            <p>
              在爱发电进行一次发电即可获得订单号，1元 = 100 积分，每个订单独立，多个订单不可合并积分
            </p>
            <p>
              从2024年11月1日起，提交一次任务，消耗 200 积分，会生成 1~4 张图，提交无法通过审查的作品会导致任务失败并且不返还积分。
            </p>
            <p>
              可以将创意作品设置为公开，在 <a href="/exhibition"><i>创意展</i></a> 里进行展示，未公开作品将会在7天后被删除，请及时下载。
            </p>
            <h1>爱发电主页链接</h1>
            <p>
              <span>林九子</span>&nbsp;
              <a href="https://afdian.com/a/sharedee" target="_blank">https://afdian.com/a/sharedee</a>
            </p>
            <p>
              支付后，在个人 <a href="https://afdian.com/dashboard/order" target="_blank">已支付订单页</a> 可以看到订单信息，复制订单号，到 <a href="/user-center">个人中心</a> 即可使用订单号登录，进行创意任务提交。
            </p>
          </>
        }/>

      </div>
    </PageContainer>
  );
};

export default HomePage;
